<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Cache-Control" content="no-cache" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	
	<h:outputScript name="js/sitescript.js" library="default" />

	<ui:insert name="header">
		<ui:include src="/app/template/header.xhtml" />
	</ui:insert>
</h:head>

<h:body>
	<h:outputStylesheet name="css/style.css" library="default" />
	<f:view locale="#{facesContext.externalContext.requestLocale}">
		<p:growl id="log_message" showDetail="true" life="5000" globalOnly="true" />

		<pe:layout id="layout_site" fullPage="true" options="#{layoutprocess.siteLayout}">
			
			<pe:layoutPane position="north" size="100">
				<div id="site_top">
					<ui:insert name="top">
						<ui:include src="/app/template/top.xhtml" />
					</ui:insert>
				</div>
			</pe:layoutPane>

			<pe:layoutPane position="west">
				<div id="site_left">
					<ui:insert name="left" />
				</div>
			</pe:layoutPane>

			<pe:layoutPane position="south">
				<div id="site_south">
					<span class="footer" style="text-align: center"> <h:outputText
							value="© 2012 - 2013 Wallet King" />
					</span>
				</div>
			</pe:layoutPane>

			<pe:layoutPane position="center">
				<div id="site_center">
					<ui:insert name="center">
						<h:outputText value="Center unit content." />
					</ui:insert>
				</div>
			</pe:layoutPane>

		</pe:layout>

	 	<pe:ajaxErrorHandler />
	 </f:view>	
</h:body>
</html>